html {
    height: 100%;
    width: 100%;
}

body {
    height: 100%;
    width: 100%;
}

body.weui-pull-to-refresh { margin-top: 0px; }

body.weui-pull-to-refresh .weui-pull-to-refresh__layer {
    padding-top: 5px;
    padding-bottom: 5px;
    height: 20px;
    line-height: 20px;
    margin-top: -30px;

    /* padding-top: 0px;
    padding-bottom: 0px;
    height: 0px;
    line-height: 0px; */

    font-size: 14px;
    width: 100%;
}

body > .weui-cells:first-child { margin-top: 0px }

::-webkit-input-placeholder {
    color: #999;
    opacity: 1;
    font-size: 0.9em;
    font-style: italic;
}

::-moz-placeholder { /* firefox 19+ */
    color: #999;
    opacity: 1;
    font-size: 0.9em;
    font-style: italic;
}

:-ms-input-placeholder { /* ie */
    color: #999;
    opacity: 1;
    font-size: 0.9em;
    font-style: italic;
}

input:-moz-placeholder {
    color: #999;
    opacity: 1;
    font-size: 0.9em;
    font-style: italic;
}

/* body.weui-pull-to-refresh.touching .weui-pull-to-refresh__layer,
body.weui-pull-to-refresh.refreshing .weui-pull-to-refresh__layer
{
    padding-top: 5px;
    padding-bottom: 5px;
    height: 20px;
    line-height: 20px;
} */

body.weui-pull-to-refresh__layer .weui-pull-to-refresh__arrow,
body.weui-pull-to-refresh__layer .weui-pull-to-refresh__preloader {
    width: 15px;
    height: 15px;
    background-size: 13px 15px;
}

/*基础组件样式*/

/*Form 字段样式  Start*/

.weui-cells .weui-cell .weui-cell__bd { padding-left: 15px; }

.weui-cells .weui-cell .weui-cell__hd { text-align: center; }

.weui-cell { background-color: white; }

.weui-cells.weui-cells_form { margin-top: 0px; }

.weui-cells__tips { padding-left: 30px }


.weui-cells .weui-cell .weui-cell__ft button.weui-btn,
.weui-cells .weui-cell .weui-cell__ft a.weui-btn {
    margin-left: 5px;
    height: 45px;
    vertical-align: middle;
    display: inline-block;
    padding: 0 .6em 0 .7em;
    border-left: 1px solid #e5e5e5;
    line-height: 45px;
    font-size: 17px;
    color: #3cc51f;
    background-color: transparent;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    outline: 0;
}

.mobileui-form-field .weui-cell__bd { padding-left: 15px }

.mobileui-form-field.weui-cell .weui-cell__ft {
    font-size: inherit;
    display: flex;
}

.mobileui-form-field.weui-cell_swiped { padding-left: 15px }

.mobileui-form-field > .weui-cell__bd > .weui-cell { padding-left: 0px; }

.mobileui-form-field.weui-singleimage .weui_img {
    width: 52px;
    height: 52px;
    border-radius: 4px;
    vertical-align: middle;
}

.mobileui-form-field .weui-vcode-btn {
    height: 25px;
    line-height: 25px
}

.mobileui-form-field.weui-cell .weui-select {
    height: 25px;
    line-height: 25px;
    padding-left: 0px
}



/*.weui-cells .weui-cells_radio:before {
    border-top: 1px solid #e5e5e5;
}*/

.weui-cells_form .weui-cells_radio_title {
    /*border-top: 1px solid #e5e5e5;*/
    margin-top: 0px;
    /*padding-top: 7px;*/
    padding-right: 0px;
    display: flex
}

.weui-cells_form .weui-cells_radio_title label {
    flex: 1;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding-top: 11px;
    padding-bottom: 10px;
    color: initial;
}

.weui-cells_form .weui-cells_radio_title label .weui-icon-warn {
    float: right;
    margin-right: 14px;
}

.weui-cells_form .weui-cells_radio_title.weui-cell_warn label { color: #e64340; }

.mobileui-form-field .weui-cells .weui-cells_radio .weui-check__label .weui-cell__bd { padding-left: 10px; }


.mobileui-form-field .weui-cells .weui-cells_radio:after { border-bottom: 0px; }

.weui-cells_form .weui-cells_checkbox_title {
    /*border-top: 1px solid #e5e5e5;*/
    margin-top: 0px;
    /*padding-top: 7px;*/
    padding-right: 0px;
    display: flex;
}

.weui-cells_form .weui-cells_checkbox_title label {
    flex: 1;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding-top: 11px;
    padding-bottom: 10px;
    color: initial;
}

.weui-cells_form .weui-cells_checkbox_title label .weui-icon-warn {
    float: right;
    margin-right: 14px;
}

.weui-cells_form .weui-cells_checkbox_title.weui-cell_warn label { color: #e64340; }

.mobileui-form-field .weui-cells .weui-cells_checkbox .weui-check__label .weui-cell__bd { padding-left: 10px; }


.mobileui-form-field.weui-cell_switch .weui-cell__ft i { margin-top: 4px; }

.mobileui-form-field.weui-cell_switch .weui-cell__bd { padding-left: 0px; }

.mobileui-form-field.weui-cell_counter .weui-cell__bd { padding-left: 0px; }

.mobileui-form-field.weui-cell_counter .weui-cell__ft > span { margin-right: 6px; }

.mobileui-form-field.weui-cell_vcode .weui-cell__ft i {
    margin-top: 11px;
    margin-right: 14px;
}

.mobileui-form-field.weui-cell_vcode .weui-cell__ft img {
    width: 90px;
    height: 35px;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-right: 3px;
}

.mobileui-form-field.weui-cell__textarea .weui-cell__bd textarea.weui-input { height: auto; }

.weui-cells_multiimageuploader .weui-cell__bd { padding-left: 0px; }

.weui-cells_multiimageuploader .weui-cell__bd input { display: none; }

.weui-cells_multiimageuploader .weui-uploader__file {
    width: 80px;
    height: 80px;
}

.weui-cells_multiimageuploader .weui-uploader__file > img {
    width: 100%;
    height: 100%
}


.weui-cells_form .mobileui-form-field.weui-cell_swiped > .weui-cell__ft { font-size: inherit; }


.mobileui-form-field.weui-cell.weui-cell_swiped > .weui-cell__bd { padding-left: 0px; }

.mobileui-form-field.weui-cells_singleimage img.weui_img {
    width: 80px;
    height: 80px;
    border-color: #e5e5e5;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
}

.mobileui-form-field.weui-cell_link { font-size: 16px; }


.mobileui-form-field.weui-cell_link :after {
    content: " ";
    display: inline-block;
    height: 6px;
    width: 6px;
    border-width: 2px 2px 0 0;
    border-color: #c8c8cd;
    border-style: solid;
    -webkit-transform: matrix(.71, .71, -.71, .71, 0, 0);
    transform: matrix(.71, .71, -.71, .71, 0, 0);
    position: relative;
    top: -2px;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -4px;
}

.mobileui-form-field.weui-cell_link a {
    width: 100%;
    height: 100%;
    display: block;
}

.mobileui-form-field.weui-cell_link .linksign {
    float: right;
    font-size: 14px;
}


.mobileui-form-field .weui-cell__ft button.weui-btn,
.mobileui-form-field .weui-cell__ft a.weui-btn {
    margin-left: 5px;
    height: 45px;
    vertical-align: middle;
    display: inline-block;
    padding: 0 .6em 0 .7em;
    border-left: 1px solid #e5e5e5;
    line-height: 45px;
    font-size: 17px;
    color: #3cc51f;
    background-color: transparent;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    outline: 0;
}

/*Form 字段样式  End*/

/*其他控件  Start*/

.weui-popup__container--visible { z-index: 501; }

.weui-tabbar-container { width: 100%; }

.weui-tabbar-container .weui-tab__bd-item { width: 100%; }

.weui-tabbar-container .weui-tab__bd-item .weui-pull-to-refresh__layer { width: 100%; }

.weui-tabbar-container .weui-tab__bd-item.refreshing { top: 0px; }

.weui-tabbar-container .weui-tab__bd-item .weui-pull-to-refresh__layer {
    padding-top: 0px;
    padding-bottom: 0px;
    height: 0px;
    line-height: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.weui-tabbar-container .weui-tab__bd-item.touching .weui-pull-to-refresh__layer,
.weui-tabbar-container .weui-tab__bd-item.refreshing .weui-pull-to-refresh__layer {
    padding-top: 5px;
    padding-bottom: 5px;
    height: 20px;
    line-height: 20px;
    padding-left: 0px;
    padding-right: 0px;
}

.weui-tabbar-container .weui-tab__bd-item .weui-loadmore {
    width: 100%;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    margin: 0px;
}



/*其他控件 End*/

/*定制控件样式*/

/*查询框 QueryBox 样式 Start*/

.weui-querybox {
    padding: 8px 10px;
    background-color: #efeff4;
    border: 1px solid #e6e6ea;
    box-sizing: border-box;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 1;
    width: 100%;
    z-index: 100;
    display: none;
    position: absolute;
    top: 0px;
}

.weui-querybox .weui-querybox-form {
    background-color: #ebebeb;
    border-radius: 3px;
    padding-bottom: 1px;
    height: auto;
    overflow-y: scroll;
    max-height: 90%
}

.weui-querybox .weui-querybox-form > .weui-flex {
    border: #ebebeb;
    /* border-width: 1px; */
    border-width: 0px;
    border-style: solid;
    /* border-radius: 5px; */
    border-radius: 0px;
    background-color: white;
}

.weui-querybox .weui-querybox-form .weui-flex-row { width: 100%; }

.weui-querybox .weui-querybox-form .weui-flex-row .weui-cells__title { padding-left: 5px; }

.weui-querybox .weui-querybox-form .weui-flex-row .weui-cells__body {
    padding-left: 15px;
    padding-right: 2px;
}


.weui-querybox .weui-cells:after,
.weui-cells:before { border: 0px }

.weui-querybox .weui-querybox-item p { overflow: hidden; }

.weui-querybox .weui-querybox-buttonarea {
    background-color: white;
    border: #ebebeb;
    /* border-width: 1px;  */
    border-style: solid;
    /* border-radius: 5px; */
    background-color: white;
    padding: 0.3em 15px .3em;
    margin: 0px;
    border: 0px;
    margin-top: 2px;
}

.weui-querybox .weui-querybox-buttonarea .weui-flex__item:not(:last-child) { margin-right: 5px; }

.weui-querybox .weui-querybox-radio input { display: none; }

.weui-querybox .weui-querybox-radio .btnShowAll { float: right; }

.weui-querybox .weui-querybox-radio .weui-querybox-item {
    margin: 2px;
    padding: 0 5px;
    background-color: #ebebeb;
    height: 1.8em;
    line-height: 1.8em;
    text-align: center;
    overflow: hidden;
    border-radius: 10px;
    border-style: solid;
    border-width: 3px;
    border-color: #ebebeb;
}

.weui-querybox .weui-querybox-radio .weui-querybox-item.weui-querybox-item-checked { border-color: #09BB07; }

.weui-querybox .weui-querybox-check input { display: none; }

.weui-querybox .weui-querybox-check .btnShowAll { float: right; }

.weui-querybox .weui-querybox-check .weui-querybox-item {
    margin: 2px;
    padding: 0 5px;
    background-color: #ebebeb;
    height: 1.8em;
    line-height: 1.8em;
    text-align: center;
    overflow: hidden;
    border-radius: 10px;
    border-style: solid;
    border-width: 3px;
    border-color: #ebebeb;
}

.weui-querybox .weui-querybox-check .weui-querybox-item.weui-querybox-item-checked { border-color: #09BB07; }

.weui-querybox .weui-querybox-value { padding-bottom: 5px; }

.weui-querybox .weui-querybox-value .startvalue,
.endvalue {
    border: 1px solid #e6e6ea;
    width: 40%;
    padding-left: 10px;
    height: 1.8em;
    line-height: 1.8em;
}

.weui-querybox .weui-querybox-value ::-webkit-input-placeholder { font-size: 14px; }

.weui-querybox .weui-search-bar__box {
    height: 2.5em;
    line-height: 2.5em;
}

.weui-querybox .weui-querybox-text { padding-top: .77em; }


.weui-querybox .weui-querybox-text .weui-search-bar__box .weui-icon-search {
    position: absolute;
    left: 10px;
    top: 0.5em;
    line-height: 28px;
}

.weui-querybox .weui-querybox-text .weui-search-bar__box .weui-search-bar__input {
    height: 1.3em;
    line-height: 1.3em;
    margin-left: 5px;
    padding-left: 5px;
    border: 1px solid #E6E6E6;
    width: 100%;
    padding-left: 10px;
    border-radius: 5px;
}

.weui-querybox .weui-querybox-text .weui-search-bar__box ::-webkit-input-placeholder { font-size: 14px; }

.weui-querybox .weui-querybox-text .weui-search-bar__box .weui-search-bar__input::-webkit-search-cancel-button {
    display: none;
    /* height: 2.5em;
    	line-height: 2.5em; */
}

.weui-querybox-search-bar {
    position: relative;
    padding: 8px 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    box-sizing: border-box;
    background-color: #efeff4;
}

.weui-querybox-search-bar .weui-querybox-searchbar-label {
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    z-index: 2;
    border-radius: 3px;
    text-align: center;
    color: #9b9b9b;
    background: #fff;
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    z-index: 1;
}

.weui-querybox-search-bar .weui-icon-search { margin-bottom: 2px; }

/*查询框 QueryBox 样式 End*/



/*列表顶部下拉框,用于比如排序类型筛选之类的 Start*/

.listbar {
    width: 100%;
    height: 2.5em;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-color: #CCC;
    border-style: solid;
    margin-left: 0px;
    margin-right: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
}



.listbar .weui-flex__item { border-radius: 2px; }


.listbar .weui-flex__item .listbar-item-btn {
    margin: 5px;
    padding: 0 10px;
    background-color: #ebebeb;
    border-width: 0.05em;
    height: 1.75em;
    line-height: 1.75em;
    text-align: center;
    color: #cfcfcf;
    border-radius: 5px;
}

.listbar .weui-flex__item .listbar-item-btn.listbar-item-btn-nobackground { background-color: transparent; }

.listbar .weui-flex__item .listbar-item-btn.listbar-item-btn-noborder { border-color: transparent; }

.listbar .weui-flex__item .listbar-item-btn.listbar-item-selector-btn {
    border-width: 0em;
    height: 1.85em;
    line-height: 1.85em;
}

.listbar .listbar-item-selector .listbar-item-selector-option {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.4);
    left: 0px;
}


.listbar .listbar-item-selector .listbar-item-selector-option label.weui-check-visible::before { border-color: #09BB07; }

.listbar .listbar-item-selector .listbar-item-selector-option > .weui-cells { margin-top: 0px; }

.listbar .listbar-item-selector .listbar-item-selector-option-visible {
    display: block;
    margin-top: 1px;
}

.listbar .listbar-item-selector-option .weui-cells { clear: both; }

.listbar .listbar-item-selector-option .weui-cells .weui-cell {
    position: relative;
    width: 48%;
    float: left;
    padding: 10px 2px;
}

.listbar .weui-flex__item .listbar-item-switch-btn {
    text-align: center;
    overflow: hidden;
    border-style: solid;
    border-color: #ebebeb;
}

.listbar .weui-flex__item .listbar-item-switch-btn-checked {
    border-color: #09BB07;
    color: tomato;
    background-color: inherit;
}

.listbar .weui-flex__item .listbar-item-btn.listbar-item-btn-noborder.listbar-item-swith-btn-checked { color: tomato; }

/*列表顶部下拉框,用于比如排序类型筛选之类的 End*/


/*ListView 样式 Start*/

.weui-listview { margin: 0; }

.weui-listview .weui-media-box { padding: 8px 15px; }

.weui-listview .weui-panel__bd .weui-media-box__hd {
    width: 50px;
    height: 50px;
    line-height: 50px;
    position: relative;
}

.weui-listview .weui-media-box__desc { -webkit-line-clamp: 1; }

.weui-listview .weui-media-box__title { margin-top: -4px; }

.weui-listview .weui-panel__bd .weui-media-box__hd {
    /*width: 80px;
        height: 80px;*/
    line-height: 80px;
}

.weui-media-box_appmsg .weui-media-box__thumb { vertical-align: middle; }

.weui-listview.pullToRefreshCollection {
    height: 100%;
    overflow-y: scroll;
}

.weui-listview.pullToRefreshCollection .weui-pull-to-refresh__layer {
    padding-top: 5px;
    padding-bottom: 5px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    width: 100%;
}

.weui-listview.pullToRefreshCollection .weui-pull-to-refresh__layer .weui-pull-to-refresh__arrow,
.weui-listview.pullToRefreshCollection .weui-pull-to-refresh__layer .weui-pull-to-refresh__preloader {
    width: 15px;
    height: 15px;
    background-size: 13px 15px;
}

.weui-listview .weui-loadmore {
    margin: 0.5em auto;
    line-height: 0.56em;
}

/*修复在tabbar下,listview的下拉刷新的样式*/

.weui-tabbar-container .weui-listview.refreshing { top: 0px; }

.weui-tabbar-container .weui-listview .weui-pull-to-refresh__layer {
    padding-top: 0px;
    padding-bottom: 0px;
    height: 0px;
    line-height: 0px;
    width: 100%;
}

.weui-tabbar-container .weui-listview.touching .weui-pull-to-refresh__layer,
.weui-tabbar-container .weui-listview.refreshing .weui-pull-to-refresh__layer {
    padding-top: 10px;
    padding-bottom: 10px;
    height: 30px;
    line-height: 30px;
}


/*ListView 样式 End*/

/*Panel 样式 Start*/

.weui-panel .weui-pull-to-refresh { margin-top: 0px; }

.weui-panel.with-pull-to-refresh { height: 100%; }

.weui-panel.with-pull-to-refresh .weui-panel__bd {
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}



.weui-panel .weui-pull-to-refresh .weui-pull-to-refresh__layer {
    /* padding-top: 5px;
    padding-bottom: 5px;
    height: 20px;
    line-height: 20px; */

    padding-top: 0px;
    padding-bottom: 0px;
    height: 0px;
    line-height: 0px;

    font-size: 14px;
    width: 100%;
}

.weui-panel .weui-pull-to-refresh.touching .weui-pull-to-refresh__layer,
.weui-panel .weui-pull-to-refresh.refreshing .weui-pull-to-refresh__layer {
    padding-top: 5px;
    padding-bottom: 5px;
    height: 20px;
    line-height: 20px;
}

.weui-panel .weui-pull-to-refresh__layer .weui-pull-to-refresh__arrow,
.weui-panel .weui-pull-to-refresh__layer .weui-pull-to-refresh__preloader {
    width: 15px;
    height: 15px;
    background-size: 13px 15px;
}

.weui-panel .weui-panel__bd form.weui-grids .weui-cells_form { margin-top: 0px; }


/*Panel 样式 End*/



.weui-loadmore { margin: .5em auto; }


.weui-actionsheet .weui-actionsheet__title { height: 35px; }


.weui-footer .weui-btn { color: #fff; }

.weui-footer_fixed-bottom {
    bottom: 0em;
    z-index: 2;
}

/*Popup组件 Start*/

.weui-popup__container .toolbar-inner a.weui-btn,
.weui-popup__container .toolbar-inner button.weui-btn {
    position: absolute;
    right: 0;
    box-sizing: border-box;
    height: 2.2rem;
    line-height: 2.2rem;
    color: #04BE02;
    z-index: 1;
    padding: 0 .5rem;
}


/****从左到右****/

.weui-popup__container.fromLeft .weui-popup__modal {
    height: 100%;
    width: 80%;
    transform: translateX(-100%);
    transition: transform .3s;
}

.weui-popup__container--visible.fromLeft .weui-popup__modal { transform: translateX(0); }

/****从右到左****/

.weui-popup__container.fromRight .weui-popup__modal {
    height: 100%;
    width: 80%;
    left: 20%;
    transform: translateX(100%);
    transition: transform .3s;
}

.weui-popup__container--visible.fromRight .weui-popup__modal { transform: translateX(0); }

/******从上到下*******/

.weui-popup__container.fromTop .weui-popup__modal {
    transform: translateY(-1000px);
    transition: transform 2s;
}

.weui-popup__container--visible.fromTop .weui-popup__modal { transform: translateY(0); }

/*Popup组件 End*/

.weui-popup_datapicker { z-index: 9999; }

.weui-popup_datapicker .modal-content {
    padding-bottom: 2.9em;
    overflow-y: scroll;
    overflow-x: hidden;
}

.weui-popup_datapicker .weui_datapicker_button {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 2.9em;
}

.weui-popup_datapicker .weui-cell-datapicker_list .weui-datapicker_selectitem { padding: 5px; }

.city-picker { z-index: 9999 }

/*弹出窗*/

.weui-dialog { top: 49%; }


.weui-dialog__hd {
    padding-top: 0.6em;
    background: #f7f7f8;
}

.weui-dialog .weui-dialog__ft { line-height: 45px; }

.weui-dialog .weui-dialog__ft .weui-dialog__btn {
    /*background-color: #f7f7f8;*/
    /*background-color:whitesmoke;*/
}

.weui-dialog .weui-dialog__ft .weui-dialog__btn { background-color: inherit; }

.weui-dialog .weui-dialog__ft .weui-dialog__btn.weui-btn_danger { color: #f6383a }

.weui-dialog .weui-dialog__ft .weui-dialog__btn.weui-btn_warn { color: #ffc107 }

.weui-dialog .weui-dialog__ft .weui-dialog__btn.weui-btn_primary { color: #007bff }

.weui-dialog .weui-dialog__ft .weui-dialog__btn.weui-btn_success { color: #3cc51f }

.weui-dialog .weui-dialog__ft .weui-dialog__btn.weui-btn_info { color: #17a2b8 }

.weui-dialog .weui-dialog__ft .weui-dialog__btn.weui-btn_default,
.weui-dialog .weui-dialog__ft .weui-dialog__btn.weui-btn_link { color: #111; }

.weui-dialog .weui-dialog__ft .weui-dialog__btn.weui-btn_lazur { color: rgb(0, 127, 255); }


.weui-dialog .weui-dialog__bd {
    overflow-y: scroll;
    padding: 0 0.8em .8em;
}

.weui-dialog_floatclose {
    /*left: 321.5px;
    top: 42px;
    position: absolute;
    z-index: 2001;*/
    background: url(http://ylfile.b0.upaiyun.com/WeUI/Content/images/icon.png) no-repeat;
    position: absolute;
    width: 32px;
    height: 32px;
    margin-left: 10px;
    font-size: 12px;
    background-position: -149px -31px;
    cursor: pointer;
    display: block;
    margin-left: 0px;
}

.weui-dialog .mobileui-form-field .weui-cell__hd .weui-label {
    width: 76px;
    /*padding-right: 5px;*/
    text-align: right;
}



.weui-toptips {
    z-index: 999999;
}